<app-tip [type]="tipType"></app-tip>
<div>
  <header class="flex">
    <div class="left" [routerLink]="['/main/index']"  id="btn-back">
      <div><i class="fas fa-chevron-left"></i></div>
    </div>
    <div class="center"><span>公告</span></div>
    <div class="right"></div>
  </header>
</div>

<div class="list">
  <div class="desc flex">
    <div class="left" style="border-right: 1px solid #ddd">公告名称</div>
    <div class="right">发布时间</div>
  </div>

  <div class="item flex" *ngFor="let v of list" [routerLink]="['/main/notice-detail']" [queryParams]="{ id: v.id}">
    <div class="left">{{v.title}}</div>
    <div class="right">{{v.create_time}} &nbsp;<i class="fas fa-chevron-right"></i></div>
  </div>

  <div class="load-more" *ngIf="totalPage > start" (click)="loadMore()"><i class="fa fa-spinner fa-spin fa-fw" style="color: #fff"></i> 点击加载更多...</div>

  <div class="item" *ngIf="listFlag" style="padding: 0.8em;color: #999;background:#fff;text-align: center">
    <span><i class="fa fa-info-circle"></i> 暂无公告！</span>
  </div>
</div>
